.carousel_box {
    width: 100%;
    height: 400px;
    margin-top: 100px;
    text-align: center;
    position: relative;
}

.carousel_item {
    width: 160px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    animation-name: xAni, yAni, scaleAni;
    animation-iteration-count: infinite;
    animation-duration: 10s, 10s, 20s;
    animation-timing-function: cubic-bezier(0.36, 0, 0.64, 1);
    animation-direction: alternate;
}

@keyframes xAni {
    0% {
        left: -50px;
    }

    100% {
        left: calc(100% - 110px);
    }
}

@keyframes yAni {
    0% {
        top: 50px;
    }

    100% {
        top: 100%;
    }
}

@keyframes scaleAni {
    0% {
        transform: scale(0.5);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.5);
    }
}